<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Furnished - 博客</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blogs.css">
</head>
<body>

<header>
    <div class="contact">
        <span>联系我们：</span>
        <span>( 028 )</span>
        <span>8888888</span>
    </div>
    <nav>
        <ul class="menu-list">
            <li><a href="index.html">主页</a></li>
            <li><a href="about.html">关于</a></li>
            <li><a href="blogs.html">博客</a></li>
            <li><a href="display.html">展示</a></li>
            <li><a href="contact.html">联系我们</a></li>
        </ul>
    </nav>
    <div class="banner"></div>
    <div class="logo"></div>
</header>

<article class="content">
    <h1 class="title">博客</h1>
    <div class="wrap clearFloat">
        <div class="fl articles">
            <section class="blog-item">
                <h5 class="sub-title">有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间。</h5>
                <span class="pubdate">由管理员发布于 2016/3/02</span>
                <div class="details clearFloat">
                    <img src="imgs/b1.png" class="fl">
                    <div class="fr des">
                        <p>我们都有自己钟爱的东西。那些我们看一眼就离不开的东西。 把窗帘杆挂的高一点（如果天花板很高，就把窗帘杆适当挂低点）如果你想装饰几面墙，甚至整个房间，可以再拐角处使用连机器把几根窗帘杆连接起来。然后开始往上挂东西...</p>
                        <a href="#">阅读更多</a>
                    </div>
                </div>
                <ul class="infos-list">
                    <li>未分类</li>
                    <li>2017/10/20</li>
                    <li>管理员</li>
                </ul>
            </section>
            <section class="blog-item">
                <h5 class="sub-title">有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间。</h5>
                <span class="pubdate">由管理员发布于 2016/3/02</span>
                <div class="details clearFloat">
                    <img src="imgs/b1.png" class="fl">
                    <div class="fr des">
                        <p>我们都有自己钟爱的东西。那些我们看一眼就离不开的东西。 把窗帘杆挂的高一点（如果天花板很高，就把窗帘杆适当挂低点）如果你想装饰几面墙，甚至整个房间，可以再拐角处使用连机器把几根窗帘杆连接起来。然后开始往上挂东西...</p>
                        <a href="#">阅读更多</a>
                    </div>
                </div>
                <ul class="infos-list">
                    <li>未分类</li>
                    <li>2017/10/20</li>
                    <li>管理员</li>
                </ul>
            </section>
            <section class="blog-item">
                <h5 class="sub-title">有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间。</h5>
                <span class="pubdate">由管理员发布于 2016/3/02</span>
                <div class="details clearFloat">
                    <img src="imgs/b1.png" class="fl">
                    <div class="fr des">
                        <p>我们都有自己钟爱的东西。那些我们看一眼就离不开的东西。 把窗帘杆挂的高一点（如果天花板很高，就把窗帘杆适当挂低点）如果你想装饰几面墙，甚至整个房间，可以再拐角处使用连机器把几根窗帘杆连接起来。然后开始往上挂东西...</p>
                        <a href="#">阅读更多</a>
                    </div>
                </div>
                <ul class="infos-list">
                    <li>未分类</li>
                    <li>2017/10/20</li>
                    <li>管理员</li>
                </ul>
            </section>
            <section class="blog-item">
                <h5 class="sub-title">有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间。</h5>
                <span class="pubdate">由管理员发布于 2016/3/02</span>
                <div class="details clearFloat">
                    <img src="imgs/b1.png" class="fl">
                    <div class="fr des">
                        <p>我们都有自己钟爱的东西。那些我们看一眼就离不开的东西。 把窗帘杆挂的高一点（如果天花板很高，就把窗帘杆适当挂低点）如果你想装饰几面墙，甚至整个房间，可以再拐角处使用连机器把几根窗帘杆连接起来。然后开始往上挂东西...</p>
                        <a href="#">阅读更多</a>
                    </div>
                </div>
                <ul class="infos-list">
                    <li>未分类</li>
                    <li>2017/10/20</li>
                    <li>管理员</li>
                </ul>
            </section>
            <section class="blog-item">
                <h5 class="sub-title">有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间。</h5>
                <span class="pubdate">由管理员发布于 2016/3/02</span>
                <div class="details clearFloat">
                    <img src="imgs/b1.png" class="fl">
                    <div class="fr des">
                        <p>我们都有自己钟爱的东西。那些我们看一眼就离不开的东西。 把窗帘杆挂的高一点（如果天花板很高，就把窗帘杆适当挂低点）如果你想装饰几面墙，甚至整个房间，可以再拐角处使用连机器把几根窗帘杆连接起来。然后开始往上挂东西...</p>
                        <a href="#">阅读更多</a>
                    </div>
                </div>
                <ul class="infos-list">
                    <li>未分类</li>
                    <li>2017/10/20</li>
                    <li>管理员</li>
                </ul>
            </section>
            <section class="blog-item">
                <h5 class="sub-title">有了这些创意和灵感，就可以打造出一方你喜欢称其为家的空间。</h5>
                <span class="pubdate">由管理员发布于 2016/3/02</span>
                <div class="details clearFloat">
                    <img src="imgs/b1.png" class="fl">
                    <div class="fr des">
                        <p>我们都有自己钟爱的东西。那些我们看一眼就离不开的东西。 把窗帘杆挂的高一点（如果天花板很高，就把窗帘杆适当挂低点）如果你想装饰几面墙，甚至整个房间，可以再拐角处使用连机器把几根窗帘杆连接起来。然后开始往上挂东西...</p>
                        <a href="#">阅读更多</a>
                    </div>
                </div>
                <ul class="infos-list">
                    <li>未分类</li>
                    <li>2017/10/20</li>
                    <li>管理员</li>
                </ul>
            </section>
            <div class="pages">
                <span>上一页</span>
                <span>下一页</span>
            </div>
        </div>
        <div class="fr links">
            <ul class="title-list">
                <li>
                    <h1>类别</h1>
                    <ul class="link-list">
                        <li><a href="javascript:void(0);">休闲</a></li>
                        <li><a href="javascript:void(0);">娱乐</a></li>
                        <li><a href="javascript:void(0);">办公</a></li>
                        <li><a href="javascript:void(0);">儿童</a></li>
                        <li><a href="javascript:void(0);">聚会</a></li>
                    </ul>
                </li>
                <li>
                    <h1>最新案例</h1>
                    <ul class="link-list">
                        <li><a href="javascript:void(0);">休闲</a></li>
                        <li><a href="javascript:void(0);">娱乐</a></li>
                        <li><a href="javascript:void(0);">办公</a></li>
                        <li><a href="javascript:void(0);">儿童</a></li>
                        <li><a href="javascript:void(0);">聚会</a></li>
                    </ul>
                </li>
                <li>
                    <h1>档案</h1>
                    <ul class="link-list">
                        <li><a href="javascript:void(0);">2017/01</a></li>
                        <li><a href="javascript:void(0);">2017/02</a></li>
                        <li><a href="javascript:void(0);">2017/03</a></li>
                        <li><a href="javascript:void(0);">2017/04</a></li>
                        <li><a href="javascript:void(0);">2017/05</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</article>

<footer>
    <ul class="fmenu-list">
        <li>
            <h1>信息</h1>
            <ul class="fsubmenu-list">
                <li><a href="javascript:void(0);">主页</a></li>
                <li><a href="javascript:void(0);">博客</a></li>
                <li><a href="javascript:void(0);">关于</a></li>
                <li><a href="javascript:void(0);">我们</a></li>
                <li><a href="javascript:void(0);">联系</a></li>
            </ul>
        </li>
        <li>
            <h1>类别</h1>
            <ul class="fsubmenu-list">
                <li><a href="javascript:void(0);">普通住宅</a></li>
                <li><a href="javascript:void(0);">商务办公</a></li>
                <li><a href="javascript:void(0);">正常家居</a></li>
                <li><a href="javascript:void(0);">豪华装修</a></li>
                <li><a href="javascript:void(0);">个性化设计</a></li>
            </ul>
        </li>
        <li>
            <h1>我的账号</h1>
            <ul class="fsubmenu-list">
                <li><a href="javascript:void(0);">博客</a></li>
                <li><a href="javascript:void(0);">关于</a></li>
            </ul>
        </li>
        <li>
            <h1>快讯</h1>
            <form action="">
                <input type="text" placeholder="请输入你的邮箱">
                <span class="img"></span>
            </form>
        </li>
    </ul>
    <p class="copryRight">Copyright © 公司所有的注册名称和服务</p>
</footer>

</body>
</html>











